<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
</head>
<body>
    <div>
        <ul>
            <li id="l1" class="c1">北京</li>
            <li id="l2" class="c2">上海</li>
            <li id="c1">深圳</li>
            <a href="#" title="a1" class="inner_a inner_b">我是内层的超链接</a>
            <span>你好，我是span</span>
        </ul>
    </div>
    <div id="d1">
        <span>
            我是第二个span
        </span>
    </div>
    <a href="#" title="a2">我是外层的超链接</a>
</body>
</html>